<template>
  <div v-if="listenStatus">
    <div
      class="shadow"
      style="display:block"
    />
    <div class="custom-alert">
      <div class="clearfix pd-20">
        <div class="loader loader-2 fl">
          <svg
            class="loader-star"
            xmlns="http://www.w3.org/2000/svg"
            xmlns:xlink="http://www.w3.org/1999/xlink"
            version="1.1"
          >
            <polygon
              points="29.8 0.3 22.8 21.8 0 21.8 18.5 35.2 11.5 56.7 29.8 43.4 48.2 56.7 41.2 35.1 59.6 21.8 36.8 21.8 "
              fill="#0091ff"
            />
          </svg>
          <div class="loader-circles" />
        </div>
        <p class="fl color-blue mgt-20 mgl-30 fs-14">
          正在加载中...
        </p>
      </div>
    </div>
  </div>
</template>

<script>

import store from '@/store/main.js';

export default {
	name: 'Loading',
	computed: {
		listenStatus() {
			return store.state.showloading;
		}
	}
};
</script>
<style lang="stylus" scoped>
</style>
